// 全局SCSS变量

:root {
	--menuBg: #304156; // 菜单栏背景颜色
	--menuText: #bfcbd9; // 菜单字体颜色
	--menuActiveText: #409eff; // 菜单选中字体颜色
	--menuHover: #263445; // 菜单悬停背景颜色
	--subMenuBg: #1f2d3d; // 子菜单背景颜色
	--subMenuActiveText: #f4f4f5; // 子菜单选中字体颜色
	--subMenuHover: #001528; // 子菜单悬停背景颜色
	--menuActiveBgColor: #0660bd; // 菜单选中背景色

	// wang-editor textarea
	--w-e-textarea-slight-border-color: var(--el-color-primary);
	--w-e-textarea-slight-bg-color: rgb(var(--el-color-primary-rgb) 0.1);
	--w-e-textarea-selected-border-color: var(--el-color-primary);
}

$menuBg: var(--menuBg);
$menuText: var(--menuText);
$menuActiveText: var(--menuActiveText);
$menuHover: var(--menuHover);

$subMenuBg: var(--subMenuBg);
$subMenuActiveText: var(--subMenuActiveText);
$subMenuHover: var(--subMenuHover);
$menuActiveBgColor: var(--menuActiveBgColor);

// 菜单栏宽度
$side-bar-width: 210px;
// 头部高度
$header-height: 60px;
// logo高度
$logo-height: 60px;
// main主体区域高度
$base-app-main-height: calc(100vh - $header-height - 56px - 40px);
